<template>
    <view class="express">
        <view class="item" v-for="(item,index) in express_data" :key="index">
            <view class="picture">
                <img :src="item.img" alt />
                <view class="img_label" v-if="item.status == 1">拼团</view>
            </view>
            <view class="text">
                <view class="title">{{ item.title }}</view>
                <view class="label">
                    <span class="exchange" v-if="item.status == 0">已兑{{ item.label }}件</span>
                    <span class="group_buying" v-if="item.status == 1">拼团</span>
                </view>
                <view class="bottom">
                    <view class="integral">
                        <span class="span_left">{{ item.num1 }}积分</span>
                        <span class="span_right">{{ item.num2 }}积分</span>
                    </view>
                    <view class="express_status" :class="{'text_grey' : item.express_status == '已发货' || item.express_status == '已完成'}">{{ item.express_status }}</view>
                </view>
            </view>
        </view>
    </view>
</template>
<script>
export default {
    props: {
        express_data: {
            type: Array,
            default: []
        }
    },
    components: {},
    data() {
        return {};
    },
    computed: {},
    methods: {},
    beforeCreate() {},
    created() {},
    beforeMount() {},
    mounted() {},
    beforeUpdate() {},
    updated() {},
    beforeDestroy() {},
    destroyed() {},
};
</script>
<style scoped lang='scss'>
@import "./index.scss";
.text_grey{
    color: #999 !important;
}
</style>